.selectChat {
  cursor: pointer;
  border-radius: var(--mantine-spacing-xs); /* Replace with Mantine's spacing variable */
  padding: var(--mantine-spacing-xs); /* Replace with Mantine's spacing variable */
  padding-top: 6px;
  padding-bottom: 6px;

  &:hover {
    background-color: alpha(var(--mantine-primary-color-filled), 0.2); /* Replace with Mantine's blue color variable */
  }
}

.selectedChat {
  background-color: alpha(var(--mantine-primary-color-filled), 0.5) !important; /* Replace with Mantine's blue color variable */
}
